import { reactive } from 'vue'

export const colorGroupList = reactive([
    {
        name: '主题颜色',
        list: [
            {
                name: '主色',
                key: '--el-color-primary',
                recommendColorList: []
            },
            {
                name: '成功色',
                key: '--el-color-success',
                recommendColorList: []
            },
            {
                name: '警告色',
                key: '--el-color-warning',
                recommendColorList: []
            },
            {
                name: '危险色',
                key: '--el-color-error',
                recommendColorList: []
            },
            {
                name: '信息色',
                key: '--el-color-info',
                recommendColorList: []
            }
        ]
    },
    {
        name: '顶栏颜色',
        list: [
            {
                name: '背景色',
                key: '--top-bar-bg-color',
                recommendColorList: []
            },
            {
                name: '文本色',
                key: '--top-bar-text-color',
                recommendColorList: []
            },
            {
                name: '导航悬浮色',
                key: '--top-bar-nav-hover-bg-color',
                recommendColorList: []
            },
            {
                name: '导航选中背景色',
                key: '--top-bar-nav-active-bg-color',
                recommendColorList: []
            },
            {
                name: '导航选中文本色',
                key: '--top-bar-nav-active-text-color',
                recommendColorList: []
            }
        ]
    },
    {
        name: '菜单颜色',
        list: [
            {
                name: '菜单背景色',
                key: '--el-menu-bg-color',
                recommendColorList: []
            },
            {
                name: '菜单项悬浮色',
                key: '--el-menu-hover-bg-color',
                recommendColorList: []
            },
            {
                name: '菜单项选中文本色',
                key: '--el-menu-active-color',
                recommendColorList: []
            },
            {
                // custom
                name: '菜单项选中背景色',
                key: '--el-menu-active-bg-color',
                recommendColorList: []
            },
            {
                name: '菜单项文本色',
                key: '--el-menu-text-color',
                recommendColorList: []
            }
        ]
    }
])